#head-wrapper{
      width:100%;
      height:36px;
      background:#f4f4f4;
     margin:0 auto;

}
.header{
    width:960px;
    height:36px;
    margin:0 auto;
}
.header a{
    height:36px;
    line-height:36px;
    color:#7a7a7a;
    font-size:12px;
    margin-right:13px;
}
.header .header-left a:hover{
       color:darkred;
}
.header-left{
       width:160px;
       height:36px;
       display:inline-block;
}
.header-right{
      float:right;
      height:36px;
}
.header-right ul li{
      float:right;
      margin-left:23px;
     position:relative;
}
.header-right ul li a{
    height:36px;
    line-height:36px;
    color:#7a7a7a;
    font-size:12px;
    /*margin-right:13px;*/
  float:right;


}


.header-right ul li:nth-of-type(2) em{
      width:14px;
      height:14px;
     background:url("../img/icon.png") -3px -16px;
     position:absolute;
     top:12px;
     left:-14px;
     display:block;
}
.header-right ul li:nth-of-type(1) em{
    width:22px;
    height:17px;
    background:url("../img/icon.png") 0px -29px;
    position:absolute;
    top:9px;
    left:-21px;
    display:block;
}
#nav-wrapper{
    width:100%;
    height:134px;
    background:white;
    margin-bottom:18px;

}
#nav-wrapper .nav-main{
    width:960px;
    height:100px;
    margin:0 auto;
}
#nav-wrapper  .logo{
     width:961px;
     height:100px;

}
#nav-wrapper .logo div{
      float:left;
}
#nav-wrapper .logo div:nth-of-type(1){
       margin:15px;

}
#nav-wrapper .logo div:nth-of-type(2){
    margin:41px 176px 0 11px;
}
#nav-wrapper .logo div:nth-of-type(3){
    margin:27px auto;

}
#nav-wrapper .logo div:nth-of-type(4){
      float:right;
    width:159px;
    height:24px;
    border:1px solid #afafaf;
    margin-top:40px;
}
#nav-wrapper .logo div:nth-of-type(4) input{

    width:130px;
    height:24px;
    border:none;

}
#nav-wrapper .logo div:nth-of-type(4) img{
      display:block;
      float:right;
}
#nav-wrapper .nav{
      width:961px;
     height:34px;
     margin:0 auto;
     float:left;
     border-bottom:1px solid #333333;
}
#nav-wrapper .nav li{
     float:left;
     height:34px;
     line-height:34px;
     font-size:13px;
     color:#333333;
     width:96px;
    text-align:center;
}
#nav-wrapper .nav li:hover{
     background:#8e0c3a;
     color:white;
}
#banner{
     width:960px;
     height:500px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
    cursor:pointer;

}
#banner ul{
      float:left;
      display:flex;
      flex-wrap: nowrap;
      position:absolute;
}

#banner-wrapper #banner ul li{
     width:960px;
     height:500px;
     float:left;
     /*position:absolute;*/

}
#banner-wrapper #banner  a{
      width:27px;
      height:66px;
      background:black;
      opacity:0.5;
     display:block;
      font-size:30px;
      line-height:66px;
      text-align:center;
      color:white;
     display:none;

}
#banner-wrapper #banner  #myprev{
      position:absolute;
      left:10px;
     top:250px;
}
#banner-wrapper #banner:hover #myprev{
       display:block;
}
#banner-wrapper #banner #mynext{
    position:absolute;
    right:10px;
    top:250px;
}
#banner-wrapper #banner:hover #mynext{

       display:block;
}




